@import '../global.less';

.taskBox{
    background-color: #e8ecfc;
}
.xfuliwrap {
    background-color: #f2f6fe;
    width: 95%;
    margin: 20px auto;
    border-radius: 10px;
}

.xfuliwrap  .xfuliBoxFlem {
    /*margin-left: 30px;*/
    border-right: 3px solid #dce0e4;
    padding:30px;
}
.xmoneyRed{
    font-weight: bold;color:#d73a2d;
}
.xSignBoxWrap{
    width:98%;
    background-color: #FFFFFF;
    border-radius: 8px;
    margin:0px auto;
    padding:20px;
}
.xSignBox{
    background-color: #fcf6e4;
    border-radius: 10px;
    text-align: center;
    font-size:17px;
    width:15%;
    margin:5px;
}
.xSignBox .smallFont{
    font-size:17px;
    height:50px;
    line-height: 50px;
    text-align: center;
}
.xSignBox .ssmallFont{
    font-size:16px;
    height:50px;
    line-height: 50px;
    text-align: center;
}
.xcjWrap{
    width:90%;
    background: linear-gradient(to bottom, #f0d9f3, #f6eef5);
    margin:30px auto;
    padding:40px 20px;
    border-radius: 10px;
}
.xcjWrapTitle{
    font-weight: bold;
    color:#000000;
}
.xcjWrapDesc{
    margin-top: 20px;
    color:#827b89;
}
.xcjWrapBtn{
    background-color: #3974f4;
    padding:8px 30px;
    color:#FFFFFF;
    border-radius: 10px;
    margin-left:20px;
}
.xtaskTitle{
    padding:5px 15px;
    width:90%;
    margin-left:10px;
    border-radius: 10px;
    margin:20px auto;
}
.xtaskWrap{
    padding:5px 15px;
    width:90%;
    margin-left:10px;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin:20px auto;
}
.xtaskBox{
    margin-top:10px;
}
.xtaskBoxRow{
    margin:30px 0px;
}
.xtaskBoxRowIcon{
    border-radius: 15%;
    padding:10px;
    background-color: #e8ecfc;
    margin-right:40px;
}
.xtaskBoxRowIcon image{
    width:74px;
    height:74px;
    margin-top:5px;
}
.xtaskBoxRowText{
   width:60%;
}
.xtaskBoxRowDesc{
    color:#827b89;
    font-size: 26px;
}
.xtaskColorRed{
    color:#d73a2d;
}

.xgoodsWrap{
    padding:5px 15px;
    width:90%;
    margin-left:10px;
    border-radius: 10px;
    background-color: #f2f6fe;
    margin:20px auto;
}

.xgoodsWrapLines{
    margin-top:20px;
}
.xgoodsWrapLines .flex-item{
    width:50%;
    margin:10px;;
}
.xgoodsWrapLines .xGoodsImage{
    width:45%;
    margin:20px;
}




